import { defineConfig, transformerDirectives, transformerVariantGroup, presetIcons, presetWind4 } from 'unocss'
export default defineConfig({
  presets: [
    presetWind4(),
    presetIcons({
      collections: {
        bx: () => import('@iconify-json/bx/icons.json').then(i => i.default),
        'icon-park': () => import('@iconify-json/icon-park/icons.json').then(i => i.default),
        'vscode-icons': () => import('@iconify-json/vscode-icons/icons.json').then(i => i.default),
      },
      extraProperties: {
        'display': 'inline-block',
        'vertical-align': 'middle',
      },
    })
  ],
  transformers:[
    transformerDirectives(),
    transformerVariantGroup(),
  ]
})